<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <title>能源工业协议系统</title>
  <link rel="stylesheet" href="./lib/layui/css/layui.css" />
  <style>
    .layui-layout-admin .layui-header {
        background-color: #fff;
        color: #000;
        border-bottom: 2px solid rgb(240, 97, 47);
      }
      .layui-nav {
        background-color: #fff;
      }
      .layui-nav .layui-nav-item a {
        color: #000;
      }
      .layui-nav-itemed > a {
        color: #000 !important;
      }
      .layui-nav .layui-nav-item a:hover,
      .layui-nav .layui-this a {
        color: #000;
      }

      .layui-layout-admin .layui-body {
        background-color: rgb(238, 238, 238);
        bottom: 0;
        padding-left: 20px;
        padding-top: 40px;
        overflow-y: hidden;
      }

      .layui-nav-tree .layui-nav-item a:hover {
        background-color: #f5f5f5 !important;
        color: rgb(240, 97, 47) !important;
      }
      .layui-nav-tree .layui-this,
      .layui-nav-tree .layui-this a {
        background-color: #f5f5f5 !important;
        color: rgb(240, 97, 47) !important;
      }
      .layui-nav-itemed > .layui-nav-child {
        background-color: #fff !important;
      }
      .layui-nav .layui-nav-more {
        border-color: rgb(240, 97, 47) transparent transparent;
      }
      .layui-nav .layui-nav-mored,
      .layui-nav-itemed > a .layui-nav-more {
        border-color: transparent transparent rgb(240, 97, 47);
      }

      .layui-nav .layui-nav-child a {
        padding: 0 30px;
      }

      .layui-nav-tree .layui-nav-bar {
        background-color: rgb(240, 97, 47);
      }
    </style>
</head>

<body class="layui-layout-body">
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
      <div class="layui-logo">能源工业协议系统</div>
      <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item">
          <a href="javascript:;">zhoudm1743@163.com</a>
        </li>
      </ul>
    </div>

    <div class="layui-side">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul id="sideNav" class="layui-nav layui-nav-tree" lay-filter="leftNav"></ul>
      </div>
    </div>

    <div class="layui-body">
      <!-- 面包屑 -->
      <p style="position: absolute; top: 0; left: 0;margin: 10px; margin-left: 20px;">
        <span id="layui-breadcrumb" class="layui-breadcrumb" lay-filter="layui-breadcrumb" lay-separator=">">
          <!-- <a href="">装修商家后台</a> <a href="">首页</a> -->
        </span>
      </p>

      <!-- 内容主体区域 -->
      <iframe src="./pages/home/index.html" width="100%" height="100%" style="border: 0;" name="iframe" class="iframe"
        id="iframe" framborder="0">
      </iframe>
    </div>
  </div>
  <script id="sideNavTemplate" type="text/html">
      <!-- 左侧菜单模板 -->
      {{#  d.forEach(function(item, index){ }}
        <li class="layui-nav-item
          {{# if (item.this) { }}  {{ 'layui-this' }}  {{# } }}
          {{# if (item.itemed) { }}  {{ 'layui-nav-itemed' }}  {{# } }}
        ">
          <a href="javascript:;" data-id={{ index }} data-url="{{ item.href }}" data-text="{{ item.title }}">
            <!-- <i class="iconfont">{{= item.icon }}</i> -->
            <cite>{{ item.title }}</cite>
          </a>
          {{# if (item.children && item.children.length) { }}
            <dl class="layui-nav-child">
            {{#  item.children.forEach(function(item2, index2){ }}
              <dd class="{{# if (item2.this) { }}  {{ 'layui-this' }}  {{# } }}">
                <a href="javascript:;" data-id={{ index2 }} data-url="{{ item2.href }}" data-text="{{ item2.title }}">
                  <!-- <span class="l-line"></span> -->
                  <cite>{{ item2.title }}</cite>
                </a>
              </dd>
            {{#  }); }}
            </dl>
          {{#  }; }}
        </li>
      {{#  }); }}
    </script>
  <script src="./lib/layui/layui.js"></script>
  <script src="./scripts/main.js"></script>
</body>

</html>